/*.skin-purple-light .main-sidebar{*/
/*background-color:#d2d6de;*/
/*}*/
/*.content {*/
    /*padding: 0 0;*/
/*}*/
/* --start  更改主色 ---*/
body{
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "San Francisco", "Microsoft YaHei", "微软雅黑", sans-serif;*/
    font-family: "microsoft yahei", Helvetica, Arial, sans-serif;
    /*font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;*/
}

.skin-blue .main-header .navbar,.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #3a3f51;
}
.skin-blue .main-header li.user-header {
    background-color: #3a3f51;
}

.skin-blue .main-header .logo,.skin-blue .main-header .logo:hover{
    background-color: #3a3f51;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #3a3f51;
}
/* --end  更改主色 ---*/

.content-wrapper {
    background-color: #f9fafc;
}

.page-header {
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.page-header h3 {
    margin-top: 5px;
}

.table > thead > tr > th {
    border: 2px solid #f4f4f4;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}

.navbar-nav>.user-menu>.dropdown-menu{
    width: auto;
}


.content-tabs {
    border-bottom: solid 2px #e7ebee;
    background: #fff !important;
    border-top: none;
    height: 41px;
}
.content-tabs .page-tabs a.active {
    background: whitesmoke;
    color: #fff !important;
    border-right: solid 1px #e7ebee;
}
.content-tabs .roll-left {
    border-right: solid 1px #e7ebee;
}
.content-tabs .roll-right {
    border-left: solid 1px #e7ebee;
}

@media (min-width: 768px) {
    .nav-small #nav-col {
        width: 64px;
    }
    .nav-small #content-wrapper {
        margin-left: 64px;
    }
    .content-tabs {
        position: relative;
        height: 42px;
        line-height: 39.5px;
        background: #fafafa;
        border-bottom: solid 2px #2c3e50;
        font-size: 12px;
        border-top: 1px solid #ddd;
    }
    .content-tabs .roll-nav {
        position: absolute;
        width: 40px;
        height: 39px;
        text-align: center;
        color: #475059;
        z-index: 2;
        top: 0;
    }
    .content-tabs .roll-left {
        left: 0;
        border-right: solid 1px #ddd;
    }
    .content-tabs .roll-right {
        right: 0;
        border-left: solid 1px #ddd;
    }
    .content-tabs button {
        background: #fff;
        border: 0;
        height: 39px;
        line-height: 39px;
        width: 40px;
        outline: 0;
    }
    .content-tabs button:hover {
        background: #fafafa;
    }
    .content-tabs button i {
        color: #999;
    }
    .content-tabs nav.page-tabs {
        margin-left: 40px;
        width: 100000px;
        height: 40px;
        overflow: hidden;
    }
    .content-tabs nav.page-tabs .page-tabs-content {
        float: left;
    }
    .content-tabs .page-tabs a {
        display: block;
        float: left;
        border-right: solid 0px #ddd;
        padding: 0 15px;
        padding-right: 8px;
        text-decoration: none;
        color: #475059;
    }
    .content-tabs .page-tabs a:first-child {
        padding-right: 15px;
    }
    .content-tabs .page-tabs a i {
        margin-top: -10px;
        right: 0px;
        position: relative;
        color: #999;
    }
    .content-tabs .page-tabs a i:hover {
        color: #c00 !important;
    }
    .content-tabs .page-tabs a.active {
        background: #2c3e50;
        color: #fff;
        border-right: solid 1px #2c3e50;
    }
    .content-tabs .page-tabs a.active i:hover {
        color: #fff !important;
    }
    .content-tabs .roll-right.tabRight {
        right: 120px;
    }
    .content-tabs .roll-right.btn-group {
        right: 40px;
        width: 80px;
        padding: 0;
    }
    .content-tabs .roll-right.btn-group button {
        width: 80px;
    }
    .content-tabs .roll-right.tabExit {
        background: #fff;
        height: 39px;
        width: 40px;
        outline: 0;
    }
    .page-tabs-list {
        position: absolute;
        width: 40px;
        height: 39px;
        text-align: center;
        color: #475059;
        z-index: 2;
        top: 0;
    }
}

@media (max-width: 768px) {
    .content-tabs {
        display: none;
    }
}

.progress{
    background-color:#f5f5f5;
    border: 1px solid #f5f5f5;
}

.main-header .logo,.main-sidebar{
    width: 160px;
}

.content-wrapper,.main-header .navbar,.main-footer{
    margin-left: 160px;
}

@media (max-width: 767px){
    .content-wrapper,.main-header .navbar,.main-footer{
        margin: 0;
    }
    .main-header .logo, .main-header .navbar{
        width: 100%;
    }
    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
        -webkit-transform: translate(160px, 0);
        -ms-transform: translate(160px, 0);
        -o-transform: translate(160px, 0);
        transform: translate(160px, 0);
    }

    .main-sidebar {
        -webkit-transform: translate(-160px, 0);
        -ms-transform: translate(-160px, 0);
        -o-transform: translate(-160px, 0);
        transform: translate(-160px, 0);
    }

    .skin-purple .main-header .navbar .dropdown-menu li a {
        color: #0a0a0a;
    }
}

.tooltip-inner {
    text-align: left;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover{
    background: #00a65a !important;
}


/**viewer的css覆盖**/
.viewer-transition {
    -webkit-transition: all .1ms ease-out !important;
    -o-transition: all .1ms ease-out !important;
    transition: all .1ms ease-out !important;
}
.viewer-button {
    zoom: 1.5;
    background-color: rgba(0, 0, 0, .7) !important;
}
.viewer-toolbar {
    width: 400px !important;
    /*min-width: 280px !important;*/
    /*max-width: 400px !important;*/
}
.viewer-toolbar > li {
    zoom: 1.5;
}


/*上传图片start*/
.choose_image_wrap{
    float: left;
    position: relative;
    margin-right: 10px;
    width: 100%;
}

.choose_image_wrap .choose_image_btn {
    display: block;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    border: 2px dashed #ebebeb;
    color: #07c160;
    text-align: center;
    padding-top: 16px;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.choose_image_wrap .choose_image_btn .icon_add {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
}

.choose_image_wrap .choose_image_btn .btn-text {
    display: block;
}
/*选择图片区域end*/
.choose_image_wrap .choose_image_preview{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.choose_image_wrap .choose_image_preview .choose_image_btn{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
    text-align: center;
    padding-top: 30px;
    opacity: 100;
    visibility: visible;
    -webkit-transition: all .1s;
    transition: all .1s;
}

/*预览图片区域end*/
.choose_image_wrap .pop_btn_group{
    display: none;
    position: absolute;
    width: 100%;
    left: 53px;
    top: 45px;
    margin-left: -53px;
    padding-top: 5px;
    opacity: 100;
    -webkit-transition: all .1s;
    transition: all .1s;
}
.choose_image_wrap .pop_btn_group .pop_list{
    background-color: rgba(0,0,0,0.6);
    border-radius: 2px;
    font-size: 0;
    white-space: nowrap;
}

.choose_image_wrap .pop_btn_group .pop_list .pop_item{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    display: inline-block;
    width: 50%;
    position: relative;
}

.choose_image_wrap .pop_btn_group .pop_list .pop_item .pop_item_button{
    display: block;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    font-size: 14px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    white-space: normal;
}

.choose_image_pop_wrap a.actived {
    box-shadow: 0 0 0 2px #07C160 inset;
}
/*上传图片end*/

.overflow_dot {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.overflow_line {
    overflow:hidden;
    word-wrap:break-word;
    word-break:break-all;
}


.mr-5{
    margin-right:3rem!important
}
form .form-group label.help{
    border-bottom: 1px dashed #6c757d;
    cursor: help;
}
